<template>
  <el-table
    :data="props.data"
    highlight-current-row
    v-loading="props.loading"
    :height="props.height"
    @selection-change="props.selectionChange"
    border
    :stripe="!misStripe"
    :row-style="props.rowStyle"
    @row-click="rowClick">
    <slot></slot>
  </el-table>
</template>

<script setup>
const props = defineProps(["data", "loading", "height","selectionChange", "rowStyle", "misStripe"])
const emits = defineEmits(["rowClick"])

const rowClick = (row, column) => {
  const data = {
    row,
    column,
  }
  emits("rowClick", data)
}
</script>

<style lang="scss" scoped></style>